﻿<div class="middle-box-profile">
    <div id="dBgRank" class="div_bg_top vip-dif">
        <div class="bg_top">
            <div class="div_tab">
                <ul class="ul_tab">
                    <li><a href= "@Url.Action("DislayView", new { name = "hdd" })" class='tab active' name=''>
                        <p>
                            Hi&#768;nh &#273;a&#803;i di&ecirc;&#803;n
                        </p>
                    </a></li>
                    <li><a href= "@Url.Action("DislayView", new { name = "ttcn" })" class='tab' name=''>
                        <p>
                            Cá nhân</p>
                    </a></li>
                    <li><a href= "@Url.Action("DislayView", new { name = "tthv" })" class='tab' name=''>
                        <p>
                            Ho&#803;c v&acirc;&#769;n
                        </p>
                    </a></li>
                    <li><a href= "@Url.Action("DislayView", new { name = "ttst" })"  class='tab' name=''>
                        <p>
                            S&#417;&#777; thi&#769;ch
                        </p>
                    </a></li>
                    <li><a href= "@Url.Action("DislayView", new { name = "ttlh" })" class='tab' name=''>
                        <p>
                            Li&ecirc;n h&ecirc;&#803;
                        </p>
                    </a></li>
                </ul>
                <div class="profile-shadow" style="position: relative; margin-top: -8px;">
                </div>
            </div>
            <div class="profile-info" style="padding-bottom: 0; top: 21px; position: relative;">
               <!--19.12.2 -->
                <div id="dNhomMua" style="display: none">
                    <a href="javascript:void(0);" id="dImgNM">
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/avatar-big.gif")" id="avatarNM" width="68" height="68" />
                    </a><a href="javascript:void(0);" name=""><em id="bNameNM">Grouppixel</em></a>
                </div>
                <div id="dPower">
                    <div class="profile-progess">
                        <div class="inner-progess-bar">
                            <span id="sProgress" class="progess" style="width: 0%;"></span>
                        </div>
                    </div>
                    <div class="profile-detail">
                        <span class="profile-img"></span><span class="profile-txt"><a href="javascript:void(0);"
                            id="bNameUser">cuhodiacong</a> <em id="eUserRank" style="padding-left: 0">Tha&#768;nh
                                vi&ecirc;n m&#417;&#769;i</em> </span>
                        <p id="pCreateDate">
                            Ngày tham gia: 04/04/2012</p>
                        <p id="pBaiViet">
                            Ba&#768;i vi&ecirc;&#769;tt: 0</p>
                    </div>
                </div>
                <!--end 19.12.2-->
            </div>
        </div>
    </div>
    <div class="box-profile" style="padding-top: 0; width: 678px; margin-left: 44px;">
        <div class="middle-box-content  personal">
            <i class="title_order">Ti&#768;m hi&#768;nh &#273;a&#803;i di&ecirc;&#803;n </i>
            <div class="div-upload">
                <a name="" class="bg-btn-location" style="float: right;"><span class="btn-location btn-upload">
                    <em>
                        <input type="submit" name="btnUpload" value="Upload" id="btnUpload" style="border: none;
                            background: none; width: 80px;" />
                    </em></span></a>
                <p>
                    T&#432;&#768; ma&#769;y ti&#769;nh cu&#777;a ba&#803;n</p>
                <input name="UploadAvatar" type="file" id="UploadAvatar" />
            </div>
            <i class="title_order">Hi&#768;nh &#273;a&#803;i di&ecirc;&#803;n m&#259;&#803;c &#273;i&#803;nh
            </i>
            <div class="list-img-radio">
                <ul id="innerAvatar" class="img_radio">
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/1.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/1.jpg")" />
                    </li>
                    <li>
                        <img src= "@Url.Content("~/Content/UserThemes/Images/avartar/10.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/10.jpg")" />
                    </li>
                    <li>
                        <img src= "@Url.Content("~/Content/UserThemes/Images/avartar/11.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/11.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/12.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/12.jpg")" />
                    </li>
                    <li>
                        <img src= "@Url.Content("~/Content/UserThemes/Images/avartar/13.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/13.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/14.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/14.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/15.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/15.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/16.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/16.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/17.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/17.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/18.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/18.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/19.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/19.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/2.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/2.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/21.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/21.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/22.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/22.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/3.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/3.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/4.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/4.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/5.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/5.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/6.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/6.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/7.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/7.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/8.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/8.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/9.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/9.jpg")" />
                    </li>
                </ul>
            </div>
            <p class="middle-box-button">
                <a name="" class="save_button_vn" id="btnSubmit"></a><a name="" class="cancel_button_vn"
                    id="btnReset"></a>
            </p>
        </div>
    </div>
</div>
